<!--
 * @Author: 李学琴
 * @Date: 2021-06-05 13:37:04
 * @LastEditTime: 2021-07-04 11:51:51
 * @Description: file content
 * @LastEditors: 李学琴
-->
<template>
    <view class="page-home" v-if="show">
        <image class="home-bg" :src="getImgUrl('home-bg.png')"></image>
        <view class="home-content">
            <image class="home-main" src="https://ftp.bmp.ovh/imgs/2021/05/b1c2dc6f02c0d78c.png"></image>
			<image class="home-text" :src="getImgUrl('home-text.png?t=1')">
			<view class="home-tips">一起来玩吧！</view>
			<view class="home-button" @click="enterApp">
				<text>进入树洞说</text>
			</view>
        </view>
    </view>
</template>

<script>
import getConfigMixin from '@/common/mixins.js';

export default {
	data() {
		return {
			code:'',
			show:true
		}
	},
	mixins: [
        getConfigMixin
    ],
	onShow() {
		this.getConfig();
	},
    methods: {
		login() {
			uni.login({
				provider: 'weixin',
				success: (res) => {
					this.code = res.code
				}
			});
		},
		enterApp() {
			this.$u.route('/pages/index/messages')
		},
	},
};
</script>

<style lang="scss" scoped>
.page-home {
	.home-bg {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.home-content {
		width:652rpx;
		margin: 0 auto;
		text-align: center;
		margin-top: 136rpx;
		position: relative;
		padding-top: 590rpx;
	}
	.home-main {
		position: absolute;
		top:130rpx;
		left: 6rpx;
	}
	.home-text{
		width:590rpx;
		height: 166rpx;
	}
	.home-tips {
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 50rpx;
		color: #4C50BF;
		margin-bottom: 116rpx;
	}
	.home-button {
		height: 98rpx;
		width:314rpx;
		color:#ffffff;
		line-height: 90rpx;
		font-size: 36rpx;
		font-weight: 600;
		margin: 0 auto;
		background: url('https://ftp.bmp.ovh/imgs/2021/05/fe59135c0f409ab7.png') no-repeat;
		background-size: cover;
	}
}






</style>
